import { createRouter, createWebHashHistory } from 'vue-router';

const routes = [
  {
    path: '/',
    name: 'home',
    component: () => import('../views/Home/index.vue')
  },
  {
    path: '/scientificRescue',
    name: 'scientificRescue',
    component: () => import('../views/PetRescue/ScientificRescue/index.vue')
  },
  {
    path: '/applyVolunteer',
    name: 'applyVolunteer',
    component: () => import('../views/PetRescue/ApplyVolunteer/index.vue')
  },
  {
    path: '/donateMoney',
    name: 'donateMoney',
    component: () => import('../views/PetRescue/DonateMoney/index.vue')
  },
  {
    path: '/donateSupplies',
    name: 'donateSupplies',
    component: () => import('../views/PetRescue/DonateSupplies/index.vue')
  },
  {
    path: '/requestCare',
    name: 'requestCare',
    component: () => import('../views/PetCare/RequestCare/index.vue')
  },
  {
    path: '/publishCare',
    name: 'publishCare',
    component: () => import('../views/PetCare/PublishCare/index.vue')
  },
  {
    path: '/petCare/:id',
    name: 'petCare',
    component: () => import('../views/PetCare/Detail/index.vue')
  },
  {
    path: '/login',
    name: 'login',
    component: () => import('../views/Login/index.vue')
  }
];

const router = createRouter({
  history: createWebHashHistory(),
  routes
});

export default router;
